<script setup lang="ts">
import { ref } from "vue";

defineProps<{ msg: string }>();

const count = ref(0);
</script>

<template>
  <h1 class="text-lg text-center text-red-400 my-10">{{ msg }}</h1>

  <div class="bg-slate-400 h-40 rounded-md m-5 flex items-center">
    <button
      type="button"
      class="m-auto bg-gray-950 text-white rounded-full p-5 hover:bg-gray-800"
      @click="count++"
    >
      count is {{ count }}
    </button>
  </div>
</template>

<style scoped></style>
